<template>
	<view class="page">
		<!-- tabbar -->
		<Tabbar class="shrink"></Tabbar>
		<!-- 列表 -->
		<List class="list"></List>
		<!-- 底部操作按钮 -->
		<BottomOperation class="shrink"></BottomOperation>
		
		<!-- 底部标签栏 -->
		<c-business-tabbar class="shrink" :index="2"></c-business-tabbar>
	</view>
</template>

<script setup>
	import Tabbar from './components/tabbar.vue';
	import List from './components/list.vue';
	import BottomOperation from './components/bottom-operation.vue';
	
	uni.hideHomeButton();
</script>

<style lang="scss" scoped>
	.page {
		display: flex;
		flex-direction: column;
		height: 100vh;
		
		.list {
			flex-grow: 1;
			height: 0;
		}
		
		.shrink {
			flex-shrink: 0;
		}
	}
</style>
